import React from 'react';
import ReactDOM from 'react-dom';
import {Provider} from 'mobx-react'
import {
    BrowserRouter,
    Route
} from 'react-router-dom';

import PropertyFee from './PropertyFee.jsx';
import PropertyFeePay from './PropertyFeePay.jsx';

import propertyFeeStore from './PropertyFeeStore';
import propertyFeePayStore from './PropertyFeePayStore';

const stores = {propertyFeeStore, propertyFeePayStore};
const RouterList = () => (
    <Provider {...stores}>
        <BrowserRouter>
            <div>
                <Route path="/pages/mobile/property/fee/index.html" component={PropertyFee}/>
                <Route path="/pages/mobile/property/fee/pay" component={PropertyFeePay}/>
            </div>
        </BrowserRouter>
    </Provider>
);

ReactDOM.render(
    (<RouterList/>),
    document.getElementById('root')
);